//写法一
import React, {Children, Component} from 'react';

class Navbar extends Component{
    render() {
        return (
            <div>
                Navbar1
                <Child></Child>
            </div>
        )
    }
}

class Child extends Component{
    render() {
        return (
            <div>
                Child
            </div>
        )
    }
}

const Swiper = () => {
    return (
        <div>Swiper2</div>
    )
}


function TabBar() {
    return (
        <div>TabBar3</div>
    )
}

export default class App extends Component {
    render() {
        return (
            <div>
                <Navbar></Navbar>
                <Swiper></Swiper>
                <TabBar></TabBar>
            </div>
        );
    }
};

/*
//写法二
import React from 'react';
class App extends React.Component{
    render() {
        return(
            <div>
                app
            </div>
        )
    }
}

export default App
*/
